<template>
  <div class="cartEmpty">
    <div class="cartEmpty-cont">
      <i class="cartEmpty-icon"></i>
      <p class="cartEmpty-title">暂无兑换清单</p>
      <van-button @click="Jump('/pointExchange')" class="mod_btns" plain hairline round color="#F20B22">去逛逛</van-button>
    </div>
  </div>
</template>

<script>
import Vue from 'vue'
import { mapGetters } from 'vuex'
import { openPage } from '@/utils/utils'
export default Vue.extend({
  data() {
    return {
      userLink: ''
    }
  },
  computed: {
    ...mapGetters(['wxConfig'])
  },
  watch: {
    'wxConfig.user_index_link'(val) {
      this.userLink = val
    }
  },
  methods: {
    Jump(url, data) {
      this.$JumpPath(this, url, data)
    },
    // 跳转链接
    linkTo(link) {
      window.location.href = link
    },
    init() {
      if (this.wxConfig.user_index_link) {
        this.userLink = this.wxConfig.user_index_link
      }
    }
  },
  created() {
    this.init()
  }
})
</script>

<style lang="scss">
@import 'src/styles/variables.scss';

.cartEmpty {
  height: 948px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  &-icon {
    display: block;
    width: 426px;
    height: 300px;
    margin: 0 auto 30px;
    background: url('https://img.wifenxiao.com/h5-wfx/images/user/point/no_change_list.png') no-repeat;
    background-size: contain;
  }
  &-title {
    text-align: center;
    padding: 10px 0;
    font-size: 28px;
    color: #999999;
    margin-top: -130px;
  }
  .mod_btns {
    width: 226px;
    height: 72px;
    text-align: center;
    padding: 0 30px;
    margin-top: 60px;
    font-size:28px;
  }
}
</style>